<%@ include file="/common/taglibs.jsp"%>

<head>
<title><fmt:message key="expense.title" /></title>
<meta name="menu" content="expenseMenu" />
<script src="/scripts/lib/jquery-1.7.1.min.js"></script>
<link href="/styles/datepicker.css" rel="stylesheet">
<script src="/scripts/lib/bootstrap-datepicker.js"></script>

</head>

<div class="span3">
	<h2>
		<fmt:message key="expense.heading" />
	</h2>
</div>

<div class="span6">
	
	<s:form name="expenseForm" action="saveExpense" method="post" validate="true" cssClass="well form-horizontal">
		
		<s:select key="expense.storeId" headerKey="-1"
			headerValue="Select Organization Name"
			list="#{1:'Bank Of America', 2:'Wallmart'}"
			value="expense.storeId" required="true" />
			
		<s:textfield key="expense.amount" required="true" />
		
		<s:textfield id="dp2" data-date-format="mm/dd/yy" key="expense.doe"
			required="true" maxlength="8" size="8" />
			
		<s:select key="expense.type" headerKey="-1"
			headerValue="Select Type of Transaction"
			list="#{'C':'Credit Card', 'D':'Debit Card','H':'Cash'}"
			value="expense.type" required="true" />
			
		<%-- <s:textfield key="expense.type" required="true" /> --%>
		
		<s:textfield key="expense.comments" required="false" />

		<s:submit key="button.save" method="save" cssClass="btn btn-primary"
			theme="simple" />
		<s:submit key="button.cancel" method="cancel" cssClass="btn"
			theme="simple" />
			
		<s:hidden key="expense.id"/>
		<s:hidden key="expense.version"/>  
	</s:form>
	<script>
		window.onload = function() {
		}

		$(document).ready(function() {

		});

		$('#dp2').datepicker();
	</script>
</div>